*.box_title {
    font-size:15px;
    font-weight:bold;
    font-color:blue;
}

*.main_body {
    display:block;
    position:relative;
    1overflow:auto;

    height:100%;
    width:auto;

    margin:0;
    margin-bottom:-100px;   /* -ve DONOT WORK!!! */
    padding:0;

    border:5px solid blue;
}

*.main_left {
    position:relative;
    /*display:inline-block;*/

    margin:0px;
    padding:0px;
    /*height:225px;*/
    height:auto;
    width:700px;
    z-index:10;
    border:1px solid teal;
}

*.parent {
    margin:10px;
    padding:5px;
    padding-top:0;
    border:1px solid black;
}

*.box_base {
    padding:5px;
    background-color:gold;
    text-align:center;

    border:5px solid black;
}

#float_id  {
    float:right;
    width:175px;
    height:100px;
}
#static_id {
    position:static;
    width:175px;        /* IMPORTANT: includes TEXT AREA only - padding and border will expand the box boundary*/
    height:100px;
}
#table_id {
    margin-top:10px;
    width:175px;        /* IMPORTANT: includes everything: border, padding */
    height:100px;
}
#table td {
    border:1px solid lime;
}

#absolute_box_id {
    position:absolute;

    left:260px;
    right:auto;
    top:76px;
    bottom:auto;

    width:150px;
    height:100px;

    margin-left:auto;
    margin-right:auto;
    margin-top:5px;
    margin-bottom:auto;
}

#star {
    width:26px;
    height:26px;
}

/******************************************
 ***** LEFT SIDE
 *****************************************/
*.main_col_1 {
    position:absolute;
    top:0;
    left:720px;
    right:0px;
    1overflow:auto;

    width:auto;
    height:auto;
    bottom:auto;

    border:1px solid red;
}

*.main_right {
    margin:0px;
    padding:0px;

    /*height:225px;*/
    height:auto;
    min-width:700px;
    max-width:auto;
    border:1px solid teal;
}

